<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>药单详情</title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/cw.css"/>
	<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/jquery-2.1.4.min.js"></script>
	<script src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/public.js" ></script>
	<script type="text/javascript" src="../js/app/me--prescription-inf.js" ></script>
    <script type="text/javascript" charset="UTF-8">
      	mui.init();
    </script>
    <style type="text/css">
   		.bbs-ico{padding: 10px 15px;}
   		textarea{border:none;padding: 0px;margin:0px;margin-top: 5px;}
   		.mui-radio input[type=radio]:checked:before {color:#8dc21f;}
     	.mui-radio.mui-left input[type=radio]{left:0px;}
    	.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{font-size:14px;position:relative;top:-5px;}
    	.mui-checkbox.mui-left label, .mui-radio.mui-left label{padding-right:0px;padding-left:15px;margin-right:10px;} 
    	.mui-numbox {width: 90px;height: 25px;padding: 0 25px;position:relative;top:-2px;} 
    	.mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn]{width:25px;}
    	.radio-div {width: 90px;}
    	/*弹窗*/
    	.zhifzzao{display:none;position:fixed;top:0;left: 0;right:0;bottom: 0;background:rgba(0,0,0,.5);z-index: 2;}
    	.zhiftc{display:none;font-size:15px;position:fixed;bottom: 10px;right: 0;left: 0;width:94%;left: 3%;z-index: 5;}
        .zhiftc .mui-table-view-cell{background:white;text-align: center;}
        .colorse{color:#8dc21f}
        .mui-table-view-cell:after{left: 0;}
    </style>
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<i class="mui-icon mui-icon-back mui-action-back"></i>
		<h1 class="mui-title ">药单详情</h1>
	</header> 
	<div id="content" class="mui-content margin-bottom-5"></div>
	<!--弹窗-->
	<div class="zhifzzao"></div>
	<div class="zhiftc">
		<div class="mui-table-view-cell" style="border-radius: 5px 5px 0 0;">
			选择支付方式
		</div>
		<div class="mui-table-view-cell cols colorse">
			微信支付
		</div>
		<div class="mui-table-view-cell cols colorse">
			支付宝支付
		</div>
		<div class="mui-table-view-cell cols colorse">
			银联支付
		</div>
		<div class="mui-table-view-cell cols colorse" style="border-radius: 0 0 5px 5px;">
			余额支付
		</div>
		<div class="mui-table-view-cell cols" style="margin-top: 5px;border-radius: 5px;color:#AAAAAA">
			取消
		</div>
	</div>
	<div class="mui-table-view table-view-cell bbs-ico font-15">
		<li>
			<span>问诊医生：</span>
			<span class="doctor"></span>
		</li>
	</div>
	<div class="mui-table-view table-view-cell bbs-ico font-15">
		<li>
			<span>问诊方式：</span>
			<span class="wtype"></span>
		</li>
	</div>
	<div class="mui-table-view table-view-cell bbs-ico font-15 margin-bottom-5">
		<li>
			<span>问诊时间：</span>
			<span class="wtime"></span>
		</li>
	</div>
	<div class="mui-table-view table-view-cell bbs-ico font-15">
		<li>
			<span>订单号：</span>
			<span class="ordernum"></span>
		</li>
	</div>
	<div class="mui-table-view table-view-cell bbs-ico font-15">
		<li>
			<span>订单总额</span>
			<span class="mui-pull-right color-red">&#65509;<span class="orderprice"></span></span>
		</li>
	</div>
	<div class="mui-table-view table-view-cell bbs-ico font-15">
		<li>
			<span>处方费</span>
			<span class="mui-pull-right color-red">&#65509;<span class="total"></span></span>
		</li>
	</div>
	<!--未付款-->
	<div style="display: none;" class="waitPay">
		<div class="mui-table-view table-view-cell bbs-ico font-15 overflow-h">
			<li>
				<span class="mui-radio mui-left  mui-pull-left">
					<label for="r1">中药饮片</label>
					<input id="r1" name="radio1" type="radio" value="1" checked>
				</span>
				<span class="mui-radio mui-left  mui-pull-left">
					<label for="r2">中药汤药（真空包装）</label>
					<input id="r2" name="radio1" type="radio" value="2">
				</span>
				<span class="mui-pull-right color-red vacuumize" style="display: none;">&#65509;2</span>
			</li>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico font-15 margin-bottom-5 nums" style="display: none;">
			<li>
				<span>数量</span>
				<span class="mui-pull-right ">
					<div class="mui-numbox"data-numbox-min='0' data-numbox-max='20'>
						<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
						<input class="mui-input-numbox" type="number" value="0" disabled/>
						<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
					</div>
				</span>
			</li>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico font-15">
			<li>
				<span>处方详情</span>	
				<span class="color-red">(支付后方能查看)</span>
			</li>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico font-15 margin-bottom-5">
			<li>
				<span>主诉</span><span class="color-red">(支付后方能查看)</span>	
				<!--<textarea class="color-ddd font-14" name="" rows="4" cols=""disabled>发热头疼，胸闷</textarea>-->
			</li>
		</div>
		<div class="table-view-cell  background overflow-h margin-bottom-1 radios">
			<div class="mui-pull-left radio-div">支付方式：</div>
		 	<div class="mui-radio mui-left mui-pull-left zf">
				<label for="btn1">线上支付</label>
				<input id="btn1" name="radio2" type="radio" value="1" checked>
			</div>
			<div class="mui-radio mui-left mui-pull-left zf">
				<label for="btn2">线下支付</label>
				<input id="btn2" name="radio2" type="radio" value="2">
			</div>
		</div>  
		<div class="mui-table-view mui-table-view-cell bbs-ico font-15 address-2-2 changeshop">
			<li class="mui-navigate-right">
				<span>店铺：</span>
				<span class="mui-h5 " id="shop">请选择店铺</span>
				<input type="hidden" class="shopid" value=""/>
			</li>
		</div>
		<div class="mui-table-view table-view-cell bbs-ico font-15 address-2-1" style="margin-bottom: 150px;">
			<li>
				<span>邮寄地址：</span>
				<textarea class="bespoke-address" name="" rows="1" cols=""placeholder="请输入邮寄地址"></textarea>
			</li>
		</div>
	</div>
	<!---->
	<!--已付款-->
	<div style="display: none;" class="otherList">
		<!--待取货-->
		<div class="mui-table-view table-view-cell bbs-ico font-15 quhuo" style="display: none;">
			<li>
				<span>药材店铺</span> <br />
				<span class="address color-ddd"></span> <br />
				<span class="phone color-ddd"></span>  <br />
				<span class="shopaddress color-ddd"></span> 
			</li>
		</div>
		<!---->
		<div class="downline">
			<div class="mui-table-view table-view-cell bbs-ico font-15">
				<li>
					<span>处方详情</span>	
					<span class="color-red">(支付后方能查看)</span>
				</li>
			</div>
			<div class="mui-table-view table-view-cell bbs-ico font-15 margin-bottom-5">
				<li>
					<span>主诉</span><span class="color-red">(支付后方能查看)</span>	
					<!--<textarea class="color-ddd font-14" name="" rows="4" cols=""disabled>发热头疼，胸闷</textarea>-->
				</li>
			</div>
		</div>
		
		<div class="online">
			<div class="mui-table-view table-view-cell bbs-ico font-15">
				<li>
					<span>处方详情</span>	
				</li>
			</div>
			<div class="mui-table-view table-view-cell bbs-ico font-15 color-ddd baozhuang">
				<li>
					<span class="ztype"></span>
					<span class="mui-pull-right znum"></span>
				</li>
			</div>
			<div class="caseList">
				
			</div>
			<!--<div class="mui-table-view table-view-cell bbs-ico font-15 color-ddd">
				<li>
					<span>人参</span>
					<span class="mui-pull-right">20克</span>
				</li>
			</div>-->
			<div class="mui-table-view table-view-cell bbs-ico font-15">
				<li>
					<span>主诉</span>	
					<textarea class="color-ddd font-14 zhusu" name="" rows="4" cols=""disabled></textarea>
				</li>
			</div>
		</div>
	</div>
	<div class="mui-content"></div>
	<!---->
	<!--完成则无-->
	<div class="overOrder">
		<div class="mui-content"style="margin-bottom: 5px;"></div>
		<button id="picture-btn" class="mui-btn-block rz-btn"></button><!--确认收货-->
	</div>
	<!---->
</body>

</html>
